<template>
  <div class="app-container">

    <el-col :span="24">
      <h3 class="title-left,grid-content bg-purple">科目浏览申请信息</h3>
    </el-col>
    <el-col :span="24" >

      <generate-form ref="generateForm" :data="jsonData_Q" :remote="remoteFuncs" :value="editData" />
      <div class="generate-block">
        <el-button type="primary" @click="handleSubmit">浏览</el-button>
        <el-button type="primary">重置</el-button>
      </div>

    </el-col>

    <el-col :span="24">
      <h3 class="title-left，grid-content bg-purple">科目浏览明细信息</h3>
    </el-col>
    <el-col :span="24">
      <generate-table ref="generateTable" :data="jsonData_T" :remote="remoteFuncs" :value="editData">
        <!--自定义新增编辑页面内容-->
        <!-- <template slot="table_dialog" slot-scope="scope">
          <generate-form :ref="scope.form" :data="jsonData" :remote="remoteFuncs" :value="scope.data"/>
        </template>-->
        <el-table-column label="操作" width="400">
          <template slot-scope="scope">
            <el-button type="text" @click="dialogFormVisible = true">新增</el-button>
            <el-button type="text" @click="dialogFormUpdate = true">修改</el-button>
            <el-button type="text" @click="dialogFormDetail = true">查询</el-button>
            <el-button type="text" @click="dialogFormVisible = true">冻结</el-button>
            <el-button type="text" @click="dialogFormVisible = true">解冻</el-button>
            <el-button type="text" @click="dialogFormVisible = true">注销</el-button>
            <el-button type="text" @click="dialogFormVisible = true">重开</el-button>
          </template>
        </el-table-column>
      </generate-table>
    </el-col>
    <el-dialog :visible.sync="dialogFormVisible">
      <slot :data="temp" form="dataForm" name="table_dialog">
        <generate-form ref="generateForm" :data="jsonData" :remote="remoteFuncs" :value="editData" />
      </slot>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">{{ $t('table.cancel') }}</el-button>
        <el-button type="primary" @click="dialogFormVisible = false ">{{ $t('table.confirm') }}</el-button>
      </div>
    </el-dialog>
    <el-dialog :visible.sync="dialogFormDetail">
      <slot :data="temp" form="dataForm" name="table_dialog">
        <generate-form ref="generateForm" :data="jsonData_D" :remote="remoteFuncs" :value="editData" />
      </slot>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormDetail = false">{{ $t('table.cancel') }}</el-button>
        <el-button type="primary" @click="dialogFormDetail = false ">{{ $t('table.confirm') }}</el-button>
      </div>
    </el-dialog>
    <el-dialog :visible.sync="dialogFormUpdate">
      <slot :data="temp" form="dataForm" name="table_dialog">
        <generate-form ref="generateForm" :data="jsonData_U" :remote="remoteFuncs" :value="editData" />
      </slot>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormUpdate = false">{{ $t('table.cancel') }}</el-button>
        <el-button type="primary" @click="dialogFormUpdate = false ">{{ $t('table.confirm') }}</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<style>
  .bg-purple-dark {
    background: #99a9bf;
  }
</style>
<script>
import GenerateForm from '@/components/CreateForm/GenerateForm'
import '@/components/CreateForm/styles/FormCreate.css'
import { getCodeList } from '@/api/codelist'
import GenerateTable from '@/components/CreateTable/GenerateTable'
export default {
  dialogFormVisible: false,
  dialogFormDetail: false,
  dialogFormUpdate: false,
  name: 'CreateFromSetname',
  components: {
    GenerateForm,
    GenerateTable
  },
  data: function() {
    return {
      dialogFormVisible: false,
      dialogFormDetail: false,
      dialogFormUpdate: false,
      // 查询条件的json数据
      jsonData_Q: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 8,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目号：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': true,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1541575671000_87018'
                    },
                    'key': '1541575671000_87018',
                    'model': 'input_1541575671000_87018',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '科目号：格式不正确'
                      },
                      {
                        'required': true,
                        'message': '科目号：必须填写'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目名称：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1541575704000_57679'
                    },
                    'key': '1541575704000_57679',
                    'model': 'input_1541575704000_57679',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 8,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目类别：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': true,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getCKLBdic'
                    },
                    'key': '1541575750000_39909',
                    'model': 'select_1541575750000_39909',
                    'rules': [
                      {
                        'required': true,
                        'message': '科目类别：必须填写'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1541575633000_11659'
            },
            'key': '1541575633000_11659',
            'model': 'grid_1541575633000_11659',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': true
        }
      },
      // 新增json
      jsonData: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目号：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542089135000_72422'
                    },
                    'key': '1542089135000_72422',
                    'model': 'input_1542089135000_72422',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089040000_70374'
            },
            'key': '1542089040000_70374',
            'model': 'grid_1542089040000_70374',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 20,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目名称：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542089207000_79256'
                    },
                    'key': '1542089207000_79256',
                    'model': 'input_1542089207000_79256',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '科目名称格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089198000_27826'
            },
            'key': '1542089198000_27826',
            'model': 'grid_1542089198000_27826',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089234000_35249'
                    },
                    'key': '1542089234000_35249',
                    'model': 'date_1542089234000_35249',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089261000_26444'
                    },
                    'key': '1542089261000_26444',
                    'model': 'date_1542089261000_26444',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089228000_44721'
            },
            'key': '1542089228000_44721',
            'model': 'grid_1542089228000_44721',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目层次：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMCCdic'
                    },
                    'key': '1542089465000_87323',
                    'model': 'select_1542089465000_87323',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '底层科目标识：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMBSdic'
                    },
                    'key': '1542089530000_52346',
                    'model': 'select_1542089530000_52346',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089419000_94516'
            },
            'key': '1542089419000_94516',
            'model': 'grid_1542089419000_94516',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目类别：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getCKLBdic'
                    },
                    'key': '1542089616000_31749',
                    'model': 'select_1542089616000_31749',
                    'rules': [
                      {
                        'required': false,
                        'message': '科目类别：必须填写'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目分类:',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMFLdic'
                    },
                    'key': '1542089618000_7555',
                    'model': 'select_1542089618000_7555',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089607000_7571'
            },
            'key': '1542089607000_7571',
            'model': 'grid_1542089607000_7571',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '余额方向：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getYEFXdic'
                    },
                    'key': '1542089624000_40890',
                    'model': 'select_1542089624000_40890',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '是否开立分户：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKLFHdic'
                    },
                    'key': '1542089626000_92232',
                    'model': 'select_1542089626000_92232',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089621000_95440'
            },
            'key': '1542089621000_95440',
            'model': 'grid_1542089621000_95440',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '使用权限：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getSYQXdic'
                    },
                    'key': '1542089645000_78799',
                    'model': 'select_1542089645000_78799',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目体系：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMTXdic'
                    },
                    'key': '1542089647000_68427',
                    'model': 'select_1542089647000_68427',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089641000_37672'
            },
            'key': '1542089641000_37672',
            'model': 'grid_1542089641000_37672',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '注销日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089742000_49997'
                    },
                    'key': '1542089742000_49997',
                    'model': 'date_1542089742000_49997',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '冻结日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089746000_74848'
                    },
                    'key': '1542089746000_74848',
                    'model': 'date_1542089746000_74848',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089731000_83846'
            },
            'key': '1542089731000_83846',
            'model': 'grid_1542089731000_83846',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 20,
                'list': [
                  {
                    'type': 'input',
                    'name': '备注：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542089800000_1253'
                    },
                    'key': '1542089800000_1253',
                    'model': 'input_1542089800000_1253',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089785000_37199'
            },
            'key': '1542089785000_37199',
            'model': 'grid_1542089785000_37199',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': true
        }
      },
      // 列表json
      jsonData_T: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 5,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目号',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1541665680000_32108'
                    },
                    'key': '1541665680000_32108',
                    'model': 'input_1541665680000_32108',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'input',
                    'name': '一级科目',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1541665743000_17918'
                    },
                    'key': '1541665743000_17918',
                    'model': 'input_1541665743000_17918',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'input',
                    'name': '二级科目',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1541665771000_46716'
                    },
                    'key': '1541665771000_46716',
                    'model': 'input_1541665771000_46716',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'input',
                    'name': '三级科目',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1541665797000_8406'
                    },
                    'key': '1541665797000_8406',
                    'model': 'input_1541665797000_8406',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目名称',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665222948000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_15416622225948000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11673236',
                    'model': 'input_15416659999948000_11676',
                    'rules': []
                  }]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目类别',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getCKLBdic'
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665948000000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目层次 ',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665948000_55511676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '底层科目标识1',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665948066600_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目分类',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMFLdic'
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665949998000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'select',
                    'name': '余额方向',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665948000_888811676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目余额标识',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665988887748000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目使用权限',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': '9898898',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目体系',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541665948000_1160090976',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'date',
                    'name': '注销日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_154166594800088_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'date',
                    'name': '冻结日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_1541644465948000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'input',
                    'name': '维护机构',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_15416454565948000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'input',
                    'name': '维护用户',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_154166594804433300_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'date',
                    'name': '维护日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': ''
                    },
                    'key': '1541665948000_11676',
                    'model': 'input_34341541665948000_11676',
                    'rules': []
                  }
                ]
              },
              {
                'span': 5,
                'list': [
                  {
                    'type': 'time',
                    'name': '维护时间',
                    'icon': 'regular/clock',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'isRange': false,
                      'arrowControl': true,
                      'format': 'HH:mm:ss',
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542096997000_10365'
                    },
                    'key': '1542096997000_10365',
                    'model': 'time_1542096997000_10365',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1541665626000_300'
            },
            'key': '1541665626000_300',
            'model': 'grid_1541665626000_300',
            'rules': []
          }],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': true
        }
      },
      // 详细json
      jsonData_D: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目号：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '23876',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': true,
                      'clearable': false,
                      'remoteFunc': 'func_1542089135000_72422'
                    },
                    'key': '1542089135000_72422',
                    'model': 'input_1542089135000_72422',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089040000_70374'
            },
            'key': '1542089040000_70374',
            'model': 'grid_1542089040000_70374',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 20,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目名称：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '名称测试',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': true,
                      'clearable': false,
                      'remoteFunc': 'func_1542089207000_79256'
                    },
                    'key': '1542089207000_79256',
                    'model': 'input_1542089207000_79256',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '科目名称格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089198000_27826'
            },
            'key': '1542089198000_27826',
            'model': 'grid_1542089198000_27826',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2017-01-12',
                      'readonly': false,
                      'disabled': true,
                      'editable': false,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089234000_35249'
                    },
                    'key': '1542089234000_35249',
                    'model': 'date_1542089234000_35249',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2018-12-31',
                      'readonly': false,
                      'disabled': true,
                      'editable': false,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089261000_26444'
                    },
                    'key': '1542089261000_26444',
                    'model': 'date_1542089261000_26444',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089228000_44721'
            },
            'key': '1542089228000_44721',
            'model': 'grid_1542089228000_44721',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目层次：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '1-一级科目',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMCCdic'
                    },
                    'key': '1542089465000_87323',
                    'model': 'select_1542089465000_87323',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '底层科目标识：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'N-否',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMBSdic'
                    },
                    'key': '1542089530000_52346',
                    'model': 'select_1542089530000_52346',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089419000_94516'
            },
            'key': '1542089419000_94516',
            'model': 'grid_1542089419000_94516',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目类别：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'A-资产类',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getCKLBdic'
                    },
                    'key': '1542089616000_31749',
                    'model': 'select_1542089616000_31749',
                    'rules': [
                      {
                        'required': false,
                        'message': '科目类别：必须填写'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目分类:',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'I-内部户',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMFLdic'
                    },
                    'key': '1542089618000_7555',
                    'model': 'select_1542089618000_7555',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089607000_7571'
            },
            'key': '1542089607000_7571',
            'model': 'grid_1542089607000_7571',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '余额方向：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'D-借方',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getYEFXdic'
                    },
                    'key': '1542089624000_40890',
                    'model': 'select_1542089624000_40890',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '是否开立分户：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'Y-开立',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKLFHdic'
                    },
                    'key': '1542089626000_92232',
                    'model': 'select_1542089626000_92232',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089621000_95440'
            },
            'key': '1542089621000_95440',
            'model': 'grid_1542089621000_95440',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '使用权限：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '1-财务科目（集团总部/财务公司',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getSYQXdic'
                    },
                    'key': '1542089645000_78799',
                    'model': 'select_1542089645000_78799',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目体系：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '集团系统账套',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMTXdic'
                    },
                    'key': '1542089647000_68427',
                    'model': 'select_1542089647000_68427',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089641000_37672'
            },
            'key': '1542089641000_37672',
            'model': 'grid_1542089641000_37672',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '注销日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': true,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089742000_49997'
                    },
                    'key': '1542089742000_49997',
                    'model': 'date_1542089742000_49997',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '冻结日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': true,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089746000_74848'
                    },
                    'key': '1542089746000_74848',
                    'model': 'date_1542089746000_74848',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089731000_83846'
            },
            'key': '1542089731000_83846',
            'model': 'grid_1542089731000_83846',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 20,
                'list': [
                  {
                    'type': 'input',
                    'name': '备注：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': true,
                      'clearable': false,
                      'remoteFunc': 'func_1542089800000_1253'
                    },
                    'key': '1542089800000_1253',
                    'model': 'input_1542089800000_1253',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089785000_37199'
            },
            'key': '1542089785000_37199',
            'model': 'grid_1542089785000_37199',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': true
        }
      },
      // 更新json
      jsonData_U: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目号：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '23876',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': true,
                      'clearable': false,
                      'remoteFunc': 'func_1542089135000_72422'
                    },
                    'key': '1542089135000_72422',
                    'model': 'input_1542089135000_72422',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089040000_70374'
            },
            'key': '1542089040000_70374',
            'model': 'grid_1542089040000_70374',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 20,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目名称：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '现金',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542089207000_79256'
                    },
                    'key': '1542089207000_79256',
                    'model': 'input_1542089207000_79256',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '科目名称格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089198000_27826'
            },
            'key': '1542089198000_27826',
            'model': 'grid_1542089198000_27826',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2017-01-12',
                      'readonly': false,
                      'disabled': true,
                      'editable': false,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089234000_35249'
                    },
                    'key': '1542089234000_35249',
                    'model': 'date_1542089234000_35249',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2018-12-31',
                      'readonly': false,
                      'disabled': false,
                      'editable': false,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089261000_26444'
                    },
                    'key': '1542089261000_26444',
                    'model': 'date_1542089261000_26444',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089228000_44721'
            },
            'key': '1542089228000_44721',
            'model': 'grid_1542089228000_44721',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目层次：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '1-一级科目',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMCCdic'
                    },
                    'key': '1542089465000_87323',
                    'model': 'select_1542089465000_87323',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '底层科目标识：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'N-否',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMBSdic'
                    },
                    'key': '1542089530000_52346',
                    'model': 'select_1542089530000_52346',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089419000_94516'
            },
            'key': '1542089419000_94516',
            'model': 'grid_1542089419000_94516',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目类别：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'A-资产类',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getCKLBdic'
                    },
                    'key': '1542089616000_31749',
                    'model': 'select_1542089616000_31749',
                    'rules': [
                      {
                        'required': false,
                        'message': '科目类别：必须填写'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目分类:',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'I-内部户',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMFLdic'
                    },
                    'key': '1542089618000_7555',
                    'model': 'select_1542089618000_7555',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089607000_7571'
            },
            'key': '1542089607000_7571',
            'model': 'grid_1542089607000_7571',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '余额方向：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'D-借方',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getYEFXdic'
                    },
                    'key': '1542089624000_40890',
                    'model': 'select_1542089624000_40890',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '是否开立分户：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'Y-开立',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKLFHdic'
                    },
                    'key': '1542089626000_92232',
                    'model': 'select_1542089626000_92232',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089621000_95440'
            },
            'key': '1542089621000_95440',
            'model': 'grid_1542089621000_95440',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '使用权限：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '1-财务科目（集团总部/财务公司',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getSYQXdic'
                    },
                    'key': '1542089645000_78799',
                    'model': 'select_1542089645000_78799',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目体系：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '集团系统账套',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getKMTXdic'
                    },
                    'key': '1542089647000_68427',
                    'model': 'select_1542089647000_68427',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089641000_37672'
            },
            'key': '1542089641000_37672',
            'model': 'grid_1542089641000_37672',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '注销日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089742000_49997'
                    },
                    'key': '1542089742000_49997',
                    'model': 'date_1542089742000_49997',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '冻结日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542089746000_74848'
                    },
                    'key': '1542089746000_74848',
                    'model': 'date_1542089746000_74848',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089731000_83846'
            },
            'key': '1542089731000_83846',
            'model': 'grid_1542089731000_83846',
            'rules': []
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 20,
                'list': [
                  {
                    'type': 'input',
                    'name': '备注：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542089800000_1253'
                    },
                    'key': '1542089800000_1253',
                    'model': 'input_1542089800000_1253',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542089785000_37199'
            },
            'key': '1542089785000_37199',
            'model': 'grid_1542089785000_37199',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': true
        }
      },
      editData: {},
      values: {},
      remoteFuncs: {

        func_getCKLBdic(resolve) {
          // 科目类别： select_1541575750000_39909
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('科目类别').then(response => { resolve(response.data) })
        },
        func_getKMFLdic(resolve) {
          // 科目分类
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('科目分类').then(response => { resolve(response.data) })
        },
        func_getKMTXdic(resolve) {
          // 科目分类
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('科目体系').then(response => { resolve(response.data) })
        },
        func_getKMCCdic(resolve) {
          // 科目分类
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('科目层次').then(response => { resolve(response.data) })
        },
        func_getYEFXdic(resolve) {
          // 科目分类
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('余额方向').then(response => { resolve(response.data) })
        },
        func_getKLFHdic(resolve) {
          // 科目分类
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('是否开立分户').then(response => { resolve(response.data) })
        },
        func_getSYQXdic(resolve) {
          // 科目分类
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('使用权限').then(response => { resolve(response.data) })
        },
        func_getKMBSdic(resolve) {
          // 科目分类
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('底层科目标识').then(response => { resolve(response.data) })
        }

      }
    }
  },
  methods: {
    handleSubmit() {
      this.$refs.generateForm.getData().then(data => {
        // 数据校验成功
        // data 为获取的表单数据
      }).catch(e => {
        // 数据校验失败
      })
    }
  }
}
</script>

